﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="EncuentraWEB.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="jquery.js" type="text/javascript"></script>

    <script src="scripts/jquery-ui-1.8.14.custom.js" type="text/javascript"></script>

    <link href="css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
    <script language="javascript">
        $(document).ready(function() {
            $("#Prueba").click(function() {
                $("#dialog-modal").dialog('open');
            });
        });



        $(function() {
            // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
            $("#dialog:ui-dialog").dialog("destroy");

            $("#dialog-modal").dialog({
                height: 140,
                modal: true,
                buttons: {
                    "Delete all items": function() {
                        $(this).dialog("close");
                    },
                    Cancel: function() {
                        $(this).dialog("close");
                    }
                }

            });
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div class="demo">
        <div id="dialog-modal" title="Basic modal dialog">
            <p>
                Adding the modal overlay screen makes the dialog look more prominent because it
                dims out the page content.</p>
        </div>
        <!-- Sample page content to illustrate the layering of the dialog -->
        <div class="hiddenInViewSource" style="padding: 20px;">
            <p>
                Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec
                aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus
                aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
            <form>
            <input value="text input" /><br />
            <input type="checkbox" />checkbox<br />
            <input type="radio" />radio<br />
            <select>
                <option>select</option>
            </select><br />
            <br />
            <textarea>textarea</textarea><br />
            <button id="Prueba"></button>
            </form>
        </div>
        <!-- End sample page content -->
    </div>
    <!-- End demo -->
    <div class="demo-description">
        <p>
            A modal dialog prevents the user from interacting with the rest of the page until
            it is closed.</p>
    </div>
    <!-- End demo-description -->
    </form>
</body>
</html>
